<template>
	<div>
		<qian-dao :list="list" :date="date" :time_key="time_key" @day_change="day_change_fun"
			@date_change="date_change_fun"></qian-dao>
	</div>
	<h2>{{this.names}}</h2>
	<button @click="start()">start</button>
	<button @click="stop()">stop</button>
	
</template>

<script>
	import qs from 'qs'
	import {
		ElMessageBox,
		ElMessage
	} from 'element-plus'


	export default {
		name: "SignIn",
		data() { //数据
			return {
				names:["宁静","田港","谭湛宇"],
				// 当前的日期
				date: "",

				// 存放时间的key值
				time_key: "",
				// 已经签到的数据列表
				list: ["2020-05-10", "03-15", "20", "31"],

				dateList: [{
						day: '1',
					},
					{
						day: '2',
					},
				],
				user: {
					//签到奖励的积分
					bonusPoints: '0',
				},

			}
		},
		beforeMount() { //挂载之间
			// this.getUserInfo();
			// this.days()
		},
		mouted() { //挂载之后

		},
		updated() { //更新之后
			// this.getUserInfo();
		},
		methods: {
			start(){
				//开始定时函数
				
				
				
				
			},stop(){
				//停止定时函数
			}

			// 点击天
			day_change_fun(day) {
				console.log(JSON.parse(JSON.stringify(day)));

				// 存放时间的key值
				let time_key = this.time_key;

				// 如果没有签到（可以补签，需要补签的可以这么写）
				if (!day.click) {
					if (time_key) {
						let obj = {};
						obj[time_key] = day.nyr;
						this.list.push(obj);
					} else {
						this.list.push(day.nyr);
					}
				}

				// 如果今天没有签到(只签到今天的，如果只需要签到今天的可以这么写)
				// if (!day.click && day.type == "today") {
				//  if (time_key) {
				//      let obj = {};
				//      obj[time_key] = day.nyr;
				//      this.list.push(obj);
				//  } else {
				//      this.list.push(day.nyr);
				//  }
				// }
			},
			// 日期改变时触发
			date_change_fun(date) {
				// 更新日期
				this.date = date;

				// 清空已经签到的列表
				this.list = [];

				// 根据日期获取已经签到的列表然后赋值
				// 存放时间的key值
				let time_key = this.time_key;
				if (time_key) {
					this.list.push({
						time: "01"
					});
				} else {
					this.list.push("01");
				}
			},
		}


	}
</script>

<style>
</style>
